<template>
	<view class="u-tabbar-relative" :style="'z-index: '+ zIndex">
		<u-tabbars v-model="current" :list="tabbarList" :show="true" activeColor="#0080FF" :icon-size="24" :mid-button-size="33" :height="50" :before-switch="beforeSwitch" midButton></u-tabbars>
	</view>
</template>
<script>
	import footerData from '../../common/footer.setting'
	import store from '../../store'
	let that = null
	export default {
		name: 'custom-footer',
		props: {
			current: Number,
			zIndex: {
				type: [String, Number],
				default: 998
			}
		},
		data() {
			return {
				tabbarList: footerData.admin,
			}
		},
		computed: {
			
		},
		methods: {
			beforeSwitch(index) {
				if (this.current == index) {
					return false;
				} else {
					return true	
				}
			}
		},
		created() {
			
		},
		mounted() {
			
		}
	}
</script>

<style lang="scss">
	.u-tabbar__content__item {
		padding: 0;
	}
	.u-tabbar-relative{
		position: relative;
	}
</style>
